import type { RouteRecordRaw } from 'vue-router';

import { $t } from '#/locales';

const routes: RouteRecordRaw[] = [
  {
    path: '/spa',
    name: 'Spa',
    meta: {
      title: '温泉洗浴',
      icon: 'mdi:hot-tub',
      orderNo: 10,
    },
    children: [
      {
        path: 'hand-card-status',
        name: 'SpaHandCardStatus',
        component: () => import('#/views/spa/hand-card-status/index.vue'),
        meta: {
          title: $t('page.spa.handcenter.title'),
          icon: 'mdi:card-account-details',
          hideMenu: false,
        },
      },
      {
        path: 'room-status',
        name: 'SpaRoomStatus',
        component: () => import('#/views/spa/room-status/index.vue'),
        meta: {
          title: '房态中心',
          icon: 'mdi:bed',
          hideMenu: false,
        },
      },
      {
        path: 'technician',
        name: 'SpaTechnician',
        component: () => import('#/views/spa/technician/index.vue'),
        meta: {
          title: '技师中心',
          icon: 'mdi:account-group',
          hideMenu: false,
        },
      },
      {
        path: 'technician/management',
        name: 'SpaTechnicianManagement',
        component: () => import('#/views/spa/technician/management.vue'),
        meta: {
          title: '技师管理',
          icon: 'mdi:account-cog',
          hideMenu: false,
        },
      },
      {
        path: 'demo',
        name: 'SpaDemo',
        component: () => import('#/views/spa/demo.vue'),
        meta: {
          title: '功能演示',
          icon: 'mdi:play-circle',
          hideMenu: false,
        },
      },
    ],
  },
];

export default routes;
